<template>
  <div class="stairs">
    <p></p>
    <slot></slot>
    <div class="stairsCont">可能你还想要</div>
    <p></p>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.stairs {
  p {
    width: 100%;
    height: 50px;
    background-color: #f7f7f7;
  }
  .stairsCont {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 100px;
    font-size: 25px;
    background-color: white;
  }
}
.stairsCont::before {
  content: "";
  flex: 2;
  height: 1px;
  margin-right: 16px;
  background-color: #ccc;
}
.stairsCont::after {
  content: "";
  flex: 2;
  height: 1px;
  margin-left: 16px;
  background-color: #ccc;
}
</style>